<template>
	<div class="">

		<div class="zzc" v-if="showzzc" @click="close"></div>
		<div class="container">
			<div class="search_box" style="flex-wrap: wrap;">
				<input type="text" autocomplete="off" v-model="word" class="form-control search_inp"
					style="margin-right: 10px;" placeholder="这里输入科室名称">

				<input type="text" autocomplete="off" v-model="word2" class="form-control search_inp"
					placeholder="这里输入故障描述">

				<div class="input-cont" style="margin-left:10px;width: 110px;margin-bottom: 20px;">
					<input type="text" class="form-control" readonly v-model="departname" placeholder="报修科室">

					<img src="@assets/images/close.png" class="clears" alt="" v-if="departname"
						@click="departname = '';departId=''">
					<span class="iconfont icon-list" data-toggle="modal" data-target="#keshi"
						@click="alert_show=!alert_show;dtype='search'"></span>
				</div>

				<div class="input-cont" style="margin-left:10px;width: 130px;margin-bottom: 20px;">
					<input type="text" class="form-control" readonly v-model="faultTypename_s" placeholder="故障分类">
					<img src="@assets/images/close.png" class="clears" alt="" v-if="faultTypename_s"
						@click="faultTypename_s= '';faultTypeId=''">
					<span class="iconfont icon-list" data-toggle="modal" data-target="#keshi"
						@click="alert_show2=!alert_show2;dtype='search'"></span>
				</div>

				<div class="input-cont" style="margin-left:10px;width: 110px;margin-bottom: 20px;">
					<input type="text" class="form-control" readonly v-model="susername" placeholder="建单人">

					<img src="@assets/images/close.png" class="clears" alt="" v-if="susername"
						@click="susername = '';info.commitUserId=''">
					<span class="iconfont icon-list" data-toggle="modal" data-target="#keshi"
						@click="user_alert=!user_alert;utype='search'"></span>
				</div>
				<el-date-picker prefix-icon='none' style="width: 115px;margin-left: 10px;margin-bottom: 20px;"
					v-model="createStartDate" type="date" @change="changedate(1)" value-format="timestamp"
					placeholder="开始日期">
				</el-date-picker>
				<el-date-picker prefix-icon='none' style="width: 115px;margin-left: 10px;margin-bottom: 20px;"
					v-model="createEndDate" type="date" @change="changedate(2)" value-format="timestamp"
					placeholder="结束日期">
				</el-date-picker>

				<el-select v-model="value2" placeholder="工单状态" @change="page=1">
					<el-option v-for="item in options2" :key="item.value" :label="item.name" :value="item.value">
					</el-option>
				</el-select>



				<div class="sea_btn sear_btns" style="margin-bottom: 20px;"
					@click="page=1;value_bxs=value_bx;naes=word2;values=value;value2s=value2;byDates=byDate;faultTypeIds=faultTypeId;departIds=departId;faultcurseIds=faultcurseId;getlist()">
					<img src="@assets/images/search.png" alt="">
					查询
				</div>

			</div>
			<div class="table-responsive">
				<h2 class="tcent" v-if="list.length ==0">暂时没有数据</h2>
				<table class="table table-hover" v-else>
					<tr>
						<th>报修时间</th>
						<th>报修科室</th>
						<th>联系电话</th>
						<th>故障描述</th>
						<th>建单人</th>
						<th>处理人</th>
						<th v-if=" group && group!='false'">工程师组</th>
						<th class="tcent">状态</th>
						<th class="tcent">操作</th>
					</tr>
					<tr v-for="item,index in list">
						<td style="min-width: 160px;">{{item.createDate}}</td>
						<td>{{item.departName}} <span v-if="item.commitUserName">({{item.commitUserName}})</span>
						</td>
						<td>
							<img v-if="item.phoneNo" class="phone_icon" src="@/assets/images/phone.png" alt="">
							{{item.phoneNo}}
						</td>
						<td style="max-width: 350px;"><span
								style="cursor: pointer;word-wrap: break-word;display: block;"
								:class="item.stateStr == '未派单'?'text_org':'txt-blue'"
								@click="id=item.id;getinfo();showinfo=true">{{item.faultDescription}}</span>
						</td>
						<td>{{item.createName}}</td>
						<td>{{item.servicemanName}}</td>
						<td v-if=" group && group!='false'">{{item.groupName}}</td>
						<td class="tcent">
							<span class=" wait" v-if="item.stateStr == '待接单'">{{item.stateStr}}</span>
							<span class=" nosingle" v-else-if="item.stateStr == '未派单'">{{item.stateStr}}</span>
							<span class=" waitdoing"
								v-else-if="item.stateStr == '暂停处理' || item.stateStr == '处理中'">{{item.stateStr}}</span>
							<span class=" btns"
								v-else-if="item.stateStr == '待评价' || item.stateStr == '已完成'">{{item.stateStr}}</span>
							<span class=" qx" v-else>{{item.stateStr}}</span>
						</td>
						<td class="tcent">
							<a href="javascript:;" class=" btn-blue btns" v-if="item.agreeStatus ==0"
								@click="id=item.id;getinfo();showinfo=true">审核</a>
							<a href="javascript:;" class=" btn-green btns" v-else
								@click="id=item.id;getinfo();showinfo=true">修改审核</a>

						</td>
					</tr>

				</table>

				<div class="page_box">
					<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
						:current-page="page" :page-sizes="[10, 30, 60, 100]" :page-size="limit"
						layout="total, sizes, prev, pager, next, jumper" :total="inglen">
					</el-pagination>
				</div>

			</div>


		</div>

		<!--报修人-->
		<div :class="user_alert?'modal in fade':'modal fade'" role="dialog"
			:style="user_alert?' align-items: center;justify-content: center;display: flex;z-index:200;':'z-index:200'"
			id="engineer">

			<div class="cent w700" style="height: 865px;max-width: 955px;max-height:calc(100vh - 50px)">

				<div class="modal-dialog" role="document">
					<div class="modal-content" style="overflow: visible;">
						<div class="modal-header tit">
							<em></em>选择{{utype=='search'?'创建人':'报修人'}}
							<div class="right" @click="closeusertalert">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
										class="iconfont icon-cha" aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100"
							style="overflow-x: hidden;overflow-y:scroll;height:760px;max-height:calc(100vh - 150px)">

							<div class="left">
								<div class="zTreeDemoBackground">
									<ul id="treeDemo4" class="ztree" @select="choseroom_user"></ul>
								</div>
							</div>
							<div class="right" style="overflow: visible;">
								<div class="search">
									<!-- <form> -->
									<div class="form-group" style="display: flex;padding-right: 0;">
										<input class="form-control" autocomplete="off"
											@keydown.enter="page2=1;word_users=word_user;getalluserlist()"
											v-model="word_user" placeholder="输入关键字">
										<div style="margin-left: 10px;" class="btn btn-success"
											@click="page2=1;word_users=word_user;getalluserlist()">
											<span class="iconfont icon-chaxun"
												style="line-height: 34px;vertical-align: baseline;"></span>
										</div>
									</div>
									<!-- </form> -->
								</div>

								<div class="enr_alert_scorll">
									<div style="height: 552px;">
										<h2 class="tcent" v-if="user_all.length ==0">暂时没有数据</h2>
										<table class="table table-hover smallTab" v-else>
											<tr>
												<th></th>
												<th>账号</th>
												<th>姓名</th>
												<th>电话</th>
											</tr>
											<tr v-for="item,index in user_all">
												<td>
													<input type="radio" v-model="userid" :value="item.id"
														@change="changechose(item.id,item.realName,item.phoneNo)"
														name="chose2" :id="'c'+item.id"><label
														:for="'c'+item.id"></label>
												</td>
												<td>{{item.userName}}</td>
												<td>{{item.realName}}</td>
												<td>{{item.phoneNo}}</td>
											</tr>
										</table>
									</div>
									<div class="Spage" style="margin: 20px 0;">
										<el-pagination @current-change="handleCurrentChange2" :current-page="page2"
											style="display: flex;justify-content: center;" :pager-count="5"
											:page-size="10" :page-count="num2" layout="prev, pager, next">
										</el-pagination>
									</div>


									<div class="tcent" style="margin-bottom: 30px;">
										<button class="btn btn-primary" @click="sure_user">确定</button>&emsp;
										<button class="btn btn-default" @click="closeusertalert">关闭</button>
									</div>
								</div>


							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--查看-->
		<div :class="showinfo?'modal in fade':'modal fade'" tabindex="-1" role="dialog"
			:style="showinfo?'display: block;z-index:199':''" id="sendOrder">
			<div class="cent" style="">
				<div class="modal-dialog modal-lg" role="document" style="margin: 0;">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>审批工单
							<div class="right" @click="showinfo=false;type=0;">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
										class="iconfont icon-cha" aria-hidden="true"></span>
								</button>
							</div>
						</div>
						<div class="modal-body h100 check_box">
							<div class="check_alert_box"
								style="height: calc(100vh - 250px);overflow-y: auto;margin-bottom: 20px;">
								<div class="check_alert_left">
									<h3 class="tit">报修信息 <span class="tip_check" v-if="orderinfo.stateStr=='暂停处理'"><img
												src="@/assets/images/pause.png" alt="">暂停处理</span></h3>
									<div class="check_list">
										<div class="check_lis">
											<div class="check_li_l">报修科室:</div>
											<div class="check_li_r">{{orderinfo.departName}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">报修人:</div>
											<div class="check_li_r">{{orderinfo.commitUserName}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">故障分类:</div>
											<div class="check_li_r">{{orderinfo.faultType}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">IP地址:</div>
											<div class="check_li_r" style="display: flex;align-items: center;">
												{{orderinfo.ip}}
												<a v-if="orderinfo.ip" :href="'/yuan.html?ip='+orderinfo.ip"
													target="_blank" class="goyuan">
													<img src="@/assets/images/yuan.png" alt="">
													远程协助
												</a>
											</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">故障描述:</div>
											<div class="check_li_r org_cor">{{orderinfo.faultDescription}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">说明:</div>
											<div class="check_li_r org_cor">{{orderinfo.illustrate}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">故障设备:</div>
											<div class="check_li_r org_cor">{{orderinfo.faultEquipment}}</div>
										</div>
									</div>

									<h3 class="tit">处理信息</h3>
									<div class="check_list">
										<div class="check_lis">
											<div class="check_li_l">处理人:</div>
											<div class="check_li_r">{{orderinfo.servicemanName}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">故障原因:</div>
											<div class="check_li_r">{{orderinfo.faultCause}}</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">事件原因:</div>
											<div class="check_li_r" v-if="orderinfo.resultEntity">
												{{orderinfo.resultEntity.causeOf}}
											</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">处理过程:</div>
											<div class="check_li_r" v-if="orderinfo.strings">
												<div v-for="item,index in orderinfo.strings">{{index+1}}.{{item}}</div>
											</div>
										</div>
										<div class="check_lis">
											<div class="check_li_l">绩效分:</div>
											<div class="check_li_r">
												<el-input style="width: 300px;" type="text" v-model="orderinfo.score"
													name="" id="" />
											</div>
										</div>
									</div>

								</div>
								<div class="check_alert_right">
									<ul class="Smenu clear m3">
										<li :class="type==0?'active':''" @click="type=0"><a href="#">工单信息</a></li>
										<li :class="type==1?'active':''" @click="type=1;audioinit()"><a
												href="#">处理流程</a></li>
									</ul>
									<div class="Scont" v-if="type==0">
										<table>
											<tr>
												<td>报修时间：</td>
												<td>{{orderinfo.createDate}}</td>
											</tr>
											<tr>
												<td>工单编号：</td>
												<td>{{orderinfo.code}}</td>
											</tr>
											<tr>
												<td>报修人：</td>
												<td>{{orderinfo.commitUserName}}</td>
											</tr>
											<tr>
												<td>报修方式：</td>
												<td>{{orderinfo.repairTypeId==3?'终端报修':orderinfo.repairTypeName}}</td>
											</tr>
											<tr>
												<td>报修人电话：</td>
												<td>{{orderinfo.phoneNo}}</td>
											</tr>
											<tr>
												<td>报修地址：</td>
												<td>{{orderinfo.address}}</td>
											</tr>
											<tr>
												<td>紧急程度：</td>
												<td>
													<div class="tip_nomorl" v-if="orderinfo.emergenceId==1">常规处理</div>
													<div class="tip_nomorl" v-if="orderinfo.emergenceId==2">较紧急</div>
													<div class="tip_nomorl" v-if="orderinfo.emergenceId==3">非常紧急</div>
												</td>
											</tr>
											<tr>
												<td>影响范围：</td>
												<td>
													<div class="tip_fw">{{orderinfo.range}}</div>
												</td>
											</tr>
											<tr>
												<td>是否重复维修：</td>
												<td>{{orderinfo.isRepeat?'是':'否'}}</td>
											</tr>
											<tr>
												<td>建单人：</td>
												<td>{{orderinfo.createName}}</td>
											</tr>
											<tr>
												<td>建单时间：</td>
												<td>{{orderinfo.createDate}}</td>
											</tr>
											<tr>
												<td>来源：</td>
												<td v-if="orderinfo.sourceId==1">电话报修</td>
												<td v-if="orderinfo.sourceId==2">上门报修</td>
												<td v-if="orderinfo.sourceId==3">补录</td>
												<td v-if="orderinfo.sourceId==4">微信报修</td>
												<td v-if="orderinfo.sourceId==5">电脑报修</td>
											</tr>
											<tr>
												<td>转交人信息：</td>
												<td>{{orderinfo.transmitInfo}}</td>
											</tr>
											<tr v-if="orderinfo.helperName">
												<td>协助人：</td>
												<td>{{orderinfo.helperName}}</td>
											</tr>
										</table>
									</div>
									<div class="Scont" v-if="type==1">
										<div class="time_line_box">
											<h2 class="tcent" v-if="orderinfo.historyEntityList == null">暂时没有数据</h2>
											<div class="time_line" v-else>
												<div class="time_line_line"></div>
												<div class="time_line_li"
													v-for="item,index in orderinfo.historyEntityList">
													<div class="time_line_time">{{item.createDate}}</div>
													<div class="time_line_cur"></div>
													<div class="time_line_right">
														<div class="time_line_tip">{{item.typeName}}</div>
														<div class="time_line_text">
															<span class="gre">{{item.createName}} </span>
															<span
																v-if="orderinfo.tape&&index==orderinfo.historyEntityList.length-1">
																<div class="info_vid" @click="playaud=!playaud">
																	<div class="wifi-symbol" v-if="playaud">
																		<div class="wifi-circle first"></div>
																		<div class="wifi-circle second"></div>
																		<div class="wifi-circle third"></div>
																	</div>
																	<img src="@/assets/images/vid.png" v-else alt="">
																	{{duration}}"
																</div>
																<audio :src="$url+orderinfo.tape" ref="aud"
																	@canplay="audioinit()"></audio>
															</span>

															<span v-if="item.expressStr">原因：{{item.expressStr}}; </span>
															<span v-if="item.remark"><span
																	v-if="item.typeName!='已派单' && item.typeName!='已报修'">说明：</span>{{item.remark}};</span>

															<div style="white-space: nowrap;"
																v-if="item.enclosure.length >0 && index!=orderinfo.historyEntityList.length-1">
																附件：
															</div>
															<div class="papers" style="padding-left: 0;"
																v-if="item.enclosure && index!=orderinfo.historyEntityList.length-1"
																v-for="item2 in item.enclosure">
																<!-- <div @click="check_file($url+'/'+item2.url)"
																	style="width: 100%;word-break: break-all;">
																	{{item2.name}}
																</div> -->
																<el-image v-if="chackfile(item2.name)=='img'"
																	style="width: 50px; height: 50px"
																	:src="$url  +'/'+item2.url"
																	:preview-src-list="item.enclosureList">
																</el-image>
																<div v-if="chackfile(item2.name)!='img'"
																	@click="check_file($url +'/'+item2.url)"
																	style="width: 100%;word-break: break-all;">
																	{{item2.name}}
																</div>
															</div>

															<div
																v-if="orderinfo.photoUrls&&index==orderinfo.historyEntityList.length-1">

																<div style="white-space: nowrap;"
																	v-if="orderinfo.photoUrls.length>0">附件：</div>
																<div class="papers" style="padding-left: 0;"
																	v-for="item3 in orderinfo.photoUrls">
																	<!-- <img :src="$url+'/' +item3.url" alt=""> -->
																	<el-image v-if="chackfile(item3.url)=='img'"
																		style="width: 50px; height: 50px"
																		:src="$url+'/' +item3.url"
																		:preview-src-list="photolist">
																	</el-image>
																	<div v-if="chackfile(item3.url)!='img'"
																		@click="check_file($url+'/' +item3.url)"
																		style="width: 100%;word-break: break-all;">
																		{{item3.url}}
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>

										</div>
									</div>
								</div>
							</div>
							<div class="modal-footer tcent">
								<button class="btn btn-primary" @click="showData">保存</button>

								<!-- <button class="btn btn-green2"><span
											class="iconfont icon-dianhua"></span>电话已解决</button> -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--选择科室弹窗-->
		<div :class="alert_show?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="alert_show?'display: block;z-index:200':''">
			<div class="cent w600"
				style="justify-content: center;width: 600px;height: calc(100% - 312px);margin: 156px auto;">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>选择科室
							<div class="right" @click="alert_show=false;roomsearch = '';getallrooms()">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="height: calc(100vh - 500px);">
							<div class="search">
								<div class="form-group" style="display: flex;padding-right: 0;">
									<input class="form-control" autocomplete="off" @keydown.enter="getallrooms"
										placeholder="输入关键字" v-model="roomsearch">

									<div style="margin-left: 10px;" class="btn btn-success" @click="getallrooms">
										<span class="iconfont icon-chaxun"
											style="line-height: 34px;vertical-align: baseline;"></span>
									</div>
								</div>
							</div>
							<div class="treelist" v-if="roomsearch">
								<div v-if="allrooms.length > 0">
									<div class="li" v-for="item in allrooms" @click="sear_choserome(item)">{{item.name}}
									</div>
								</div>
								<h2 class="tcent" v-else>搜索不到该内容</h2>
							</div>
							<div class="zTreeDemoBackground left"
								:style="roomsearch==''?'display:block':'display:none'">
								<ul id="treeDemo" class="ztree" @select="choseroom"></ul>
							</div>
						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary"
								@click="alert_show=false;roomsearch = '';getallrooms()">确定</button>
							<button class="btn btn-info"
								@click="alert_show=false;roomsearch = '';getallrooms()">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>



		<!--故障分类弹窗-->
		<div :class="alert_show2?'modal in fade':'modal fade'" tabindex="-1" role="dialog" id="keshi"
			:style="alert_show2?'display: block;z-index:200;':'z-index:200;'">
			<div class="cent w600" style="justify-content: center;width: 600px;margin: 103px auto;">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header tit">
							<em></em>故障分类
							<div class="right" @click="alert_show2=false;typesearch = '';gettypetree()">
								<button type="button" class="close" data-dismiss="modal" aria-label="Close"
									style="line-height: normal;"><span class="iconfont icon-cha"
										aria-hidden="true"></span> </button>
							</div>
						</div>
						<!--表单-->
						<div class="modal-body h100 search-cont" style="height: calc(100vh - 400px)">
							<div class="search">
								<div class="form-group" style="display: flex;padding-right: 0;">
									<input class="form-control" autocomplete="off" @keydown.enter="gettypetree"
										placeholder="输入关键字" v-model="typesearch">

									<div style="margin-left: 10px;" class="btn btn-success" @click="gettypetree">
										<span class="iconfont icon-chaxun"
											style="line-height: 34px;vertical-align: baseline;"></span>
									</div>
								</div>
							</div>
							<div class="treelist" v-if="typesearch">
								<div v-if="typetree.length > 0">
									<block v-for="item in typetree">
										<div class="li" @click="sear_chosetype(item)" v-if="item.parentId > 0">
											{{item.treeLoad}}
										</div>
									</block>
								</div>
								<h2 class="tcent" v-else>搜索不到该内容</h2>
							</div>
							<div class="zTreeDemoBackground left"
								:style="typesearch==''?'display:block':'display:none'">
								<ul id="treeDemo2" class="ztree" @select="choseroom2"></ul>
							</div>

						</div>
						<div class="modal-footer tcent">
							<button class="btn btn-primary"
								@click="alert_show2=false;typesearch = '';gettypetree()">确定</button>
							<button class="btn btn-info"
								@click="alert_show2=false;typesearch = '';gettypetree()">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>


		<div class="loading-content" v-if="showloading">
			<div class="loading-spinner">
				<svg viewBox="25 25 50 50" class="circular">
					<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
				</svg>
			</div>
			<div class="loading-text">加载中...</div>
		</div>
	</div>
</template>

<script type="text/babel">
	import $ from 'jquery'

	export default {
		name: "",
		data() {
			return {
				value_bx:"",
				value_bxs:"",
				group: sessionStorage.getItem('opengroup'),
				zddert: sessionStorage.getItem('dert'),
				zdaddress: sessionStorage.getItem('address'),
				zdtel: sessionStorage.getItem('tel'),
				zdtype: sessionStorage.getItem('type'),
				
				group_options:[],
				group_value:"",
				engname:"",
				duration: 0,numlen:0,
				photolist:[],
				playaud: false,
				    options: [],
				    options2: [
						{name:"全部",value:''},
						{name:"已审核",value:1},
						{name:"待审核",value:0}
					],
				value: '',
				values: '',
				value2: '',
				value2s: '',
				isclick1:false,
				isclick2:false,
				serviceman:"",
				faultTypename_s:"",
				faultcursename_s:"",
				remark:"",
				engid:"",
				utype:"",
				prauseList:[],
				turnList:[],
				backList:[],
				types:[
					{name:"电话",id:1},
					{name:"远程",id:2},
					{name:"线程",id:3},
					{name:"送修",id:4},
					],
				      pickerOptions: {
				          disabledDate(time) {
				            return time.getTime() > Date.now();
				          },
				        },
				        createStartDate: '',
				        createEndDate: '',
				page_e: 1,
				inglen_e: 0,
				limit_e: 10,
				num_e: 1,
				list_e:[],
				word:"",
				word2:"",
				naes:"",
				way:"",
				expressId:"",
				byDate:"",
				byDates:"",
				illustrate:"",
				stopid: 0,
				page2: 1,
				inglen2: 0,
				limit2: 10,
				num2: 1,
				reresult:0,
				options_show:false,
				options_show2:false,
				user_alert:false,
				phraseshow:false,
				typename:"选择暂停原因",
				restype:"解决方式",
				turnresult:0,
				backresult:0,
				order_tab:0,
				reopen:false,
				showstop:false,
				chosef: false,
				showSendOrder: false,
				showinfo: false,
				showadd: false,
				showzzc: false,
				word_user:"",
				word_users:"",
				restaurants: [],
				stopreslist: [],
				tabact: 1,
				basic: 0,
				type: 0,
				alert_show: false,
				treeClickCount: 0,
				phraseList: [],
				setting: {
					treeId: 'id',
					data: {
						key: {
							name: 'name'
						}
					},
					callback: {
						onClick: this.choseroom
					}
				},
				zNodes: [],
				treeClickCount2: 0,
				setting2: {
					treeId: 'id',
					data: {
						key: {
							name: 'nodeName'
						}
					},
					callback: {
						onClick: this.choseroom2
					}
				},
				zNodes2: [],
				ztree_obj2: {},
				
				treeClickCount3: 0,
				setting3: {
					treeId: 'id',
					data: {
						key: {
							name: 'nodeName'
						}
					},
					callback: {
						onClick: this.choseroom3
					}
				},
				
				zNodes3: [],
				ztree_obj3: {},
				zNodes_u: [],
				ztree_obj_u: {},
				treeClickCount4: 0,
				setting_u: {
					treeId: 'id',
					data: {
						key: {
							name: 'name'
						}
					},
					callback: {
						onClick: this.choseroom_user
					}
				},
				zNodes_eng: [],
				ztree_obj_eng: {},
				treeClickCount4: 0,
				setting_eng: {
					treeId: 'id',
					data: {
						key: {
							name: 'realName'
						}
					},
					callback: {
						onClick: this.choseroom_eng
					}
				},
				page: 1,
				list: [],
				inglen: 0,
				limit: 10,
				num: 1,
				roomsearch: "",
				ztree_obj: {},
				departId: '',
				departIds: '',
				departname:"",
				info: {
					departId: 0,
					departName: '',
					commitUserId:"",
					phoneNo:"",
					illustrate:"",
					enclosure:"",
					faultEquipment:"",
					isRepeat: 0,
					isWarranty: 0,
					isMaterialWarranty: 0,
					sourceId: 1,
					emergenceId:1,
					rangeId:1,
					faultDescription: "",
					address: "",
					commitUserName:"",
					servicemanId:"",
					faultTypeId:"",
					faultCauseId:"",
					id:""
				},
				info2:{faultTypeId:"",faultCauseId:"",gdInfoId:'',deviceState:1,way:1,process:"",causeOf:"",enclosure:""}, //deviceState:1,
				alert_enger: false,
				showloading: false,
				alert_show2: false,
				alert_show3: false,
				reg:/^[0-9\\\/]+$/,
				// reg: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
				typesearch:'',
				coursesearch:'',
				faultTypename:"",
				treeLoad:"",
				faultCausename:"",
				coursetree:[],
				typetree:[],
				enrlist: [],
				user_all: [],
			
				engeername:"请选择工程师",
				enrname:"",
				token:"",
				files:[],
				fileList: [],
				files2:[],
				fileList2: [],
				files3:[],
				files3id:[],
				fileList3: [],
				allrooms: [],
				faultTypeId:"",
				faultTypeIds:"",
				deptId:"",
				userid:"",
				username:"",
				susername:"",
				resendid:"",
				alerttype:"",
				servicemanId:"",
				id:"",
				orderinfo:{},
			}
		},
		components: {},
		created() {
			this.$http.defaults.headers["Authorization"] = sessionStorage.getItem('token')
			this.token = sessionStorage.getItem('token')
		
		},
		mounted() {
			
			this.getlist();
			this.getrooms();
			this.getrooms3();
			this.getrooms2();
			this.getenrlist();
			this.getgroup_opeions();
			
			
			this.getalluserlist();
		
		},
		watch:{
			playaud:{
					handler(newValue,oldValue){
					if(newValue){
						this.$refs.aud[0].play()
					}else{
						this.$refs.aud[0].pause()
					}
				}
			},
			typesearch:{
					handler(newValue,oldValue){
					if(newValue == ''){
						
					}else{
						this.gettypetree();
					}
				}
			},
			coursesearch:{
					handler(newValue,oldValue){
					if(newValue == ''){
						
					}else{
						this.getcoursetree();
					}
				}
			},
			roomsearch:{
					handler(newValue,oldValue){
					if(newValue == ''){
						
					}else{
						this.getallrooms();
					}
				}
			},
			engname:{
					handler(newValue,oldValue){
					if(newValue == ''){
						
					}else{
						this.getenrlist();
					}
				}
			},
		},
		beforeRouteEnter(to, from, next) { //路由导航钩子，通过页面路由标记是否需要清空页面数据重新加载
		    to.meta['fromPath'] = from.path;
			to.meta['needFresh'] = false;
		    if (from.path == '/repositorySearch') {
				if(sessionStorage.getItem("open") !='false'){
					to.meta['needFresh'] = true;
					sessionStorage.setItem("open",'false')
				}else{
					to.meta['needFresh'] = false;
				}
		    } else {
		      to.meta['needFresh'] = false;
		    }
		    next();
		  },
		activated(){
			
			sessionStorage.setItem("open",'false')
			  this.group = sessionStorage.getItem('opengroup')
			  this.zddert = sessionStorage.getItem('dert')
			  this.zdaddress = sessionStorage.getItem('address')
			  this.zdtel = sessionStorage.getItem('tel')
			  this.zdtype = sessionStorage.getItem('type')
			   if (this.$route.meta['needFresh']) {
				   this.info.faultDescription = sessionStorage.getItem("fname")
				   sessionStorage.setItem("fname", '')
			   
			    } else{
					this.susername = '';
					this.departname = '';
					this.departId=''
					this.departIds=''
					this.susername = '';
					this.info.commitUserId=''
					this.reopen = false;
					this.showstop = false;
					this.showSendOrder = false;
					this.showinfo = false;
					this.alert_enger = false;
					this.user_alert = false;
					this.showadd = false;
					this.faultTypename = ''
					this.treeLoad = ''
					this.faultCausename = ''
					this.files = []
					this.fileList = []
					this.files2 = []
					this.fileList2 = []
					this.files3 = []
					this.fileList3 = []
					this.info =  {
						departId: 0,
						departName: '',
						commitUserId:"",
						phoneNo:"",
						illustrate:"",
						enclosure:"",
						isRepeat: 0,
						isWarranty: 0,
						isMaterialWarranty: 0,
						sourceId: 1,
						emergenceId:1,
						rangeId:1,
						faultDescription: "",
						address: "",
						commitUserName:"",
						faultTypeId:"",
						faultCauseId:""
					}
				}
		
		},
		methods: {
			changedate(ty){
				if(this.createStartDate && this.createEndDate && this.createStartDate > this.createEndDate){
					this.$Toast('选择的结束日期在开始日期之前');
					if(ty==1){
						this.createStartDate = ''
					}else{
						this.createEndDate = ''
					}
					return
				}
			},
			sear_eng(item){
					this.engname = item.realName
					this.servicemanId = item.id
					this.info.servicemanId = item.id
					this.getengslist()
			},
			getenrlist() {
				var that = this
				var param = {}
				if(this.engname){
					param = {
						name: this.engname
					}
				}
				// console.log(this.engname)
				this.$http.post(this.$url + '/group/listAll', this.$qs.stringify(param))
						.then(function(response) {
							if (response.data.code == '1410') {
								that.$Toast(response.data.msg);
								sessionStorage.setItem('token', '')
								that.$router.push('/login')
								return
							}
							if(!that.engname){
								that.enrlist = response.data.data
								that.zNodes_eng = response.data.data
								that.ztree_obj_eng = $.fn.zTree.init($("#treeDemo_u"), that.setting_eng, that.zNodes_eng);
								var  nodes4 = that.ztree_obj_eng.getNodes();
								for  ( var  i = 0; i < nodes4.length; i++) {  //设置节点展开
									that.ztree_obj_eng.expandNode(nodes4[i],  true ,  false ,  true );
								}
							// 	that.showsearch=false
							}else{
								that.enrlist = response.data.data[0].children
								if(response.data.data[0].children.length > 0){
									that.info.servicemanId = response.data.data[0].children[0].id
									that.servicemanId = response.data.data[0].children[0].id
								}
							}
							
							// console.log(that.enrlist)
						})
						.catch(function(error) {
							console.log(error)
							that.$Toast('网络拥堵，刷新一下');
						});
			
			},
			// 派单
			send(){
				if(this.info.servicemanId==''){
					this.$Toast('请选择工程师');
					return
				}
				
				this.increase()
			},
			beforeUpload(){
				this.showloading=true
			},
			changenum(e){
				// console.log(e)
				this.numlen = this.info.illustrate.length
			},
			chackfile(filename){
				var imgStr = /\.(jpg|jpeg|png|bmp|BMP|JPG|PNG|JPEG|webp)$/;
						if(imgStr.test(filename)) {
							return 'img'
						}
			},
			getdert(tel){
				var that = this
				var param = {
					phoneNo:tel
				}
				
				this.$http.post(this.$url + '/sys/dept/phone', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
					that.info.departId = response.data.data.id
					that.info.address = response.data.data.address
					that.info.phoneNo = response.data.data.phone
					that.info.departName = response.data.data.deptName
					that.info.commitUserId = response.data.data.userId?response.data.data.userId:''
					that.info.commitUserName = response.data.data.username?response.data.data.username:''
					that.isclick1=true
					console.log(that.info)
					})
					.catch(function(error) {
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			audioinit(){
				if(this.$refs.aud[0]){
					this.duration = Math.floor(this.$refs.aud[0].duration)
				}else{
					this.audioinit()
				}
			},
			sureeng(){
				this.alert_enger=false;
				if(this.utype=='search'){
					this.serviceman = this.engeername
					this.servicemanId = this.engid
				}else{
						this.enrname=this.engeername;
					this.info.examineId = this.engid
				}
				this.engeername='请选择工程师'
				this.engid=''
			},
// 获取分组
			getgroup_opeions() {
				this.showloading = true
			
				var that = this
				this.$http.get(this.$url + '/group/getEngineerAndPhone')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.group_options = response.data.data
						for (var i = 0; i < that.group_options.length; i++) {
							that.group_options[i].name = that.group_options[i].groupName
						}
						// that.getgroup_opeions.unshift({name:'全部',value:''})
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
		
			file_down(url){
				var url = url.split(this.$url+'/look')
				url = url.join('')
				window.open(this.$url+'/file/downloadFile?url='+url);
			},
			
			changeradio(i){
				this.order_tab = i
				console.log(this.order_tab)
			},
			changetab(i){
				this.tabact = i
				this.page=1
				this.getlist()
			},
		
			getinfo(){
				var param = {
					id:this.id
				}
				var that = this
				this.$http.post(this.$url + '/main/detail', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.orderinfo = response.data.data
						that.photolist=[]
						that.orderinfo.photoUrls = that.orderinfo.photoUrls?that.orderinfo.photoUrls:[]
						for (var i = 0; i < that.orderinfo.photoUrls.length; i++) {
							// console.log(that.chackfile(that.orderinfo.photoUrls[i].url))
							if(that.chackfile(that.orderinfo.photoUrls[i].url)=='img'){
								that.photolist.push(that.$url+'/'+that.orderinfo.photoUrls[i].url)
							}
						}
						for (var i = 0; i < that.orderinfo.historyEntityList.length; i++) {
							that.orderinfo.historyEntityList[i].enclosure = that.orderinfo.historyEntityList[i].enclosure?that.orderinfo.historyEntityList[i].enclosure.split(','):[]
							that.orderinfo.historyEntityList[i].enclosureList=[]
							for (var j = 0; j < that.orderinfo.historyEntityList[i].enclosure.length; j++) {
								var arr = that.orderinfo.historyEntityList[i].enclosure[j].split('/')
								that.orderinfo.historyEntityList[i].enclosureList[j]=that.$url +that.orderinfo.historyEntityList[i].enclosure[j]
								that.orderinfo.historyEntityList[i].enclosure[j] = that.orderinfo.historyEntityList[i].enclosure[j].replace(/^\//,'')
								that.orderinfo.historyEntityList[i].enclosure[j] = {
									name:arr[arr.length - 1],
									url:that.orderinfo.historyEntityList[i].enclosure[j],
									type:that.orderinfo.historyEntityList[i].enclosure[j].substr(that.orderinfo.historyEntityList[i].enclosure[j].length-4,4)
								}
							}
						}
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			getengslist() {
				this.showloading = true
			
				var param = {
					page: this.page_e,
					limit: this.limit_e,
					stateId:2,
					servicemanId:this.servicemanId
				}
				console.log(param)
				var that = this
				this.$http.post(this.$url + '/main/select', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.list_e = response.data.data
						that.inglen_e = response.data.count
						if (that.inglen_e > that.limit) {
							that.num_e = Math.ceil(that.inglen_e / that.limit_e)
						} else {
							that.num_e = 1
						}
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			choseroom_eng(data, node, treeNode) {
				if(!treeNode.parentTId){
					this.servicemanId = ''
					this.info.servicemanId = ''
					this.ztree_obj_eng.cancelSelectedNode();
					return
				}
				this.treeClickCount4++;
				if (this.treeClickCount4 >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount4 == 1) {
						this.treeClickCount4 = 0;
						console.log('单击事件,可在此处理对应逻辑')
						if(treeNode.id){
							this.servicemanId = treeNode.id
							this.info.servicemanId = treeNode.id
						}else{
							this.ztree_obj_eng.cancelSelectedNode();
							this.servicemanId=''
						}
							
							this.getengslist()
						
					} else if (this.treeClickCount4 > 1) {
						this.treeClickCount4 = 0;
						this.ztree_obj_eng.cancelSelectedNode();
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			
			sear_choserome(item){
				if(this.dtype == 'search'){
					this.departname=item.name
					this.departId=item.id
				}else{
					this.info.departId=item.id
					this.info.departName=item.name
					this.info.address = item.address
				}
				
				this.roomsearch=item.name
				this.getallrooms()
			},
			// 获取全部科室
			getallrooms() {
				var that = this
				var url = encodeURI(this.$url + '/sys/dept/select?name='+this.roomsearch)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.allrooms = response.data.data
					})
					.catch(function(error) {
						console.log(error);
					});
			},
			
			changechose(id,name,phone){
				
				if(this.utype=='search'){
					this.username = name
					this.userid = id
				}else{
					this.username = name
					this.userid = id
					this.uphone = phone
				}
			},
			sure_user(){
				this.user_alert=false
				this.word_user = ''
				this.word_users = ''
				this.deptId = ''
				this.did = ''
				
				
				if(this.utype == 'search'){
					this.susername = this.username
				}else{
					this.info.commitUserName = this.username
				}
				// this.info.phoneNo = this.info.phoneNo?this.info.phoneNo:this.uphone
				this.info.phoneNo = this.uphone?this.uphone:this.info.phoneNo
				this.info.commitUserId = this.userid
				
				this.userid = ''
				
				this.ztree_obj_u.cancelSelectedNode();
				this.getalluserlist()
			},
			// 上一页
			prev() {
				if (this.page2 <= 1) {
					return
				}
				this.page2 = this.page2 - 1;
				this.getalluserlist()
			},
			// 下一页
			next() {
				if (this.page2 >= this.num2) {
					return
				}
				this.page2 = this.page2 + 1;
				this.getalluserlist()
			},
			// 科室树状图选择
			choseroom_user(data, node, treeNode) {
				this.treeClickCount4++;
				if (this.treeClickCount4 >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount4 == 1) {
						this.treeClickCount4 = 0;
						console.log('单击事件,可在此处理对应逻辑')
							if(this.utype == 'search'){
								this.did = treeNode.id
							}else{
								this.info.commitUserId = treeNode.id
							}
							this.page2=1
							this.getalluserlist()
						
					} else if (this.treeClickCount4 > 1) {
						this.treeClickCount4 = 0;
						
						this.ztree_obj_u.cancelSelectedNode();
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			 // 获取常用语
			getpharse() {
				var that = this
				this.$http.get(this.$url + '/common/list?typeId=6')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.phraseList = response.data.data
					})
					.catch(function(error) {
						console.log(error);
					});
					
			},
			handleCurrentChange2(val) {
			  console.log(`当前页: ${val}`);
								this.page2 = val
								this.getalluserlist()
			},
			// 获取弹窗里的用户
			getalluserlist() {
				console.log(this.page2)
				var id = ''
				if(this.utype = 'search'){
					id = this.did?this.did:''
				}else{
					id = this.info.commitUserId?this.info.commitUserId:''
				}
				var that = this
				var url = encodeURI(this.$url + '/sys/user/list?page='+this.page2+'&limit='+this.limit2+'&deptId='+id+'&userName='+this.word_users)
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.user_all = response.data.data.records
						for (var i = 0; i < that.user_all.length; i++) {
							that.user_all[i].id = window.atob(that.user_all[i].id)
						}
						that.inglen2 = response.data.data.total
						if (that.inglen2 > that.limit2) {
							that.num2 = response.data.data.pages
						} else {
							that.num2 = 1
						}
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
					});
			},
			closeusertalert(){
				this.user_alert = false
				this.username = ''
				this.word_user = ''
				this.did = ''
				this.userid = ''
				this.uphone = ''
				this.ztree_obj_u.cancelSelectedNode();
				this.getalluserlist()
			},
			// 查询
			selectit2(index){
				if(index=='all'){
					this.restype = '全部'
					this.way = ''
				}else{
					this.restype = this.types[index].name
					this.way = this.types[index].id
				}
				this.options_show2=false
				this.showzzc=false
				
			},
			// 暫停工单类型选择
			selectit(index){
				if(index=='all'){
					this.typename = '全部'
					this.typeid = ''
				}else{
					this.typename = this.prauseList[index].brief
					this.typeid = this.prauseList[index].id
				}
				this.options_show=false
				this.showzzc=false
				
			},
			changename(name){
				this.enrname = name
			},
			check_file(url){
					   window.open(url, '_blank');
			},
			del_file3(i){
				var that = this
				var param = {fileId:this.files3id[i]}
				this.$http.post(this.$url + '/main/delete/file', this.$qs.stringify(param))
					.then(function(response) {
						console.log(response)
							that.files3.splice(i,1)
							that.files3id.splice(i,1)
						that.fileList3.splice(i,1)
					})
					.catch(function(error) {
						console.log(error);
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			uploadsuc3(file, fileList){
				if(file.code != 0){
					this.$Toast(file.msg)
					this.showloading=false
					return
				}
				 this.files3.push(file.data.relativePath)
				 this.files3id.push(file.data.id)
				 this.showloading=false
			},
	
			// 获取故障原因
			getrooms3() {
				var param = {
					parentId: 0
				}
				var that = this
				this.$http.get(this.$url + '/fault/selectparentId?parentId=-1')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.zNodes3 = response.data.data
						that.ztree_obj3 = $.fn.zTree.init($("#treeDemo3"), that.setting3, that.zNodes3);
						var  nodes4 = that.ztree_obj3.getNodes();
						for  ( var  i = 0; i < nodes4.length; i++) {  //设置节点展开
						    that.ztree_obj3.expandNode(nodes4[i],  true ,  false ,  true );
						}
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			// 获取故障分类
			getrooms2() {
				var param = {
					parentId: 0
				}
				var that = this
				this.$http.get(this.$url + '/fault/type/tree?parentId=-1')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.zNodes2 = response.data.data
						that.ztree_obj2 = $.fn.zTree.init($("#treeDemo2"), that.setting2, that.zNodes2);
						var  nodes4 = that.ztree_obj2.getNodes();
						for  ( var  i = 0; i < nodes4.length; i++) {  //设置节点展开
						    that.ztree_obj2.expandNode(nodes4[i],  true ,  false ,  true );
						}
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			
			},
			
			// 故障原因选择
			choseroom3(data, node, treeNode) {
				this.treeClickCount3++;
				if (this.treeClickCount3 >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount3 == 1) {
						this.treeClickCount3 = 0;
						if(this.dtype=='search'){
							this.faultcurseId = treeNode.id
							this.faultcursename_s = treeNode.nodeName
						}else{
						this.info.faultCauseId = treeNode.id
						this.info2.faultCauseId = treeNode.id
						this.faultCausename = treeNode.nodeName
						}
					} else if (this.treeClickCount3 > 1) {
						this.treeClickCount3 = 0;
						this.ztree_obj3.cancelSelectedNode();
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			// 故障分类选择
			choseroom2(data, node, treeNode) {
				if((treeNode.treeLoad.substr(0,4) == '徐汇院区' && treeNode.children.length!=0) || (treeNode.treeLoad.substr(0,4) == '临港院区' && treeNode.children.length!=0)){
					this.ztree_obj2.cancelSelectedNode();
					return
				}
				if(treeNode.parentId == 0){
					this.ztree_obj2.cancelSelectedNode();
					return
				}
				this.treeClickCount2++;
				if (this.treeClickCount2 >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount2 == 1) {
						this.treeClickCount2 = 0;
						console.log('单击事件,可在此处理对应逻辑')
					
						if(this.dtype=='search'){
							this.faultTypeId = treeNode.id
							this.faultTypename_s = treeNode.nodeName
							
						}else{
							this.info2.faultTypeId = treeNode.id
							this.info.faultTypeId = treeNode.id
							this.faultTypename = treeNode.nodeName
							this.treeLoad = treeNode.treeLoad
						this.isclick2=true
						}
					} else if (this.treeClickCount2 > 1) {
						this.treeClickCount2 = 0;
						this.ztree_obj2.cancelSelectedNode();
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			
			// 知識分類搜索结果点击
			sear_chosetype(item){
				
				if(this.dtype=='search'){
					this.faultTypeId = item.id
					this.faultTypename_s = item.name
				}else{
					this.info2.faultTypeId = item.id
					this.info.faultTypeId = item.id
					this.faultTypename = item.name
					this.typesearch = item.name
					this.treeLoad = item.treeLoad
					this.isclick2=true
				}
			},
			
			// 获取搜索的故障分类
			gettypetree() {
				var that = this
				var url = encodeURI(this.$url + '/fault/type/select?name='+this.typesearch)
				
				this.$http.get(url)
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						 that.typetree = response.data.data;
						 that.$forceUpdate()
					})
					.catch(function(error) {
					});
			
			},
			querySearch2(queryString, cb) {
			       var restaurants = this.restaurants2;
			       var results = queryString ? restaurants.filter(this.createFilter2(queryString)) : restaurants;
			       // 调用 callback 返回建议列表的数据
			       cb(results);
			     },
			     createFilter2(queryString) {
			       return (restaurant) => {
			         return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
			       };
			     },
			handleSelect2(item) {
				this.info.faultCauseId = item.id
				this.info2.faultCauseId = item.id
			},
			
			// 获取所有故障分类
			getalltype() {
				var that = this
				this.$http.get(this.$url + '/fault/type/select?name=')
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						 that.restaurants = [];
						 for (var i = 0; i <  response.data.data.length; i++) {
						 	if( response.data.data[i].parentId!=0){
						 		that.restaurants.push( response.data.data[i])
						 	}
						 }
					})
					.catch(function(error) {
					});
			},
			querySearch(queryString, cb) {
			        var restaurants = this.restaurants;
			        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
			        // 调用 callback 返回建议列表的数据
			        cb(results);
			      },
			      createFilter(queryString) {
			        return (restaurant) => {
			          return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
			        };
			      },
			handleSelect(item) {
				this.info.faultTypeId = item.id
				this.info2.faultTypeId = item.id
				this.info.faultDescription = item.treeLoad
				this.treeLoad = item.treeLoad
				this.isclick2=true
			},
			querySearch_d(queryString, cb) {
			   var that = this
			   var url = encodeURI(this.$url + '/sys/dept/select?name='+this.roomsearch)
			   this.$http.get(url)
			   	.then(function(response) {
			   		if (response.data.code == '1410') {
			   			that.$Toast(response.data.msg);
			   			sessionStorage.setItem('token', '')
			   			that.$router.push('/login')
			   			return
			   		}
			   		that.allrooms = response.data.data
			   		var restaurants_d = that.allrooms;
			   		var results = queryString ? restaurants_d.filter(that.createFilter_d(queryString)) : restaurants_d;
			   		// 调用 callback 返回建议列表的数据
			   		if(results.length == 0){
			   			results.unshift({name:"暂无内容",address:""})
			   		}else{
			   			if(results[0].id){
			   				results.unshift({name:"科室",address:"地址"})
			   			}
			   		}
			   		
			   		cb(results);
			   	})
			   	.catch(function(error) {
			   		console.log(error);
			   		that.$Toast('网络拥堵，刷新一下');
			   	});
			},
			createFilter_d(queryString) {
				return (restaurant) => {
					console.log(restaurant.name)
					return (restaurant.name.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
					
				};
			},
			handleSelect_d(item) {
				if(!item.id){
					this.info.departName=''
					return 
				}
				this.info.departName = item.name
				this.info.departId = item.id
				this.info.address = item.address
				
				this.isclick1=true
			},
			chosechange(){
				this.chosef = !this.chosef
			},
			getuserlist() {
			// 	var that = this
			// 	var name = this.info.commitUserName?this.info.commitUserName:''
			// 	var id = this.info.departId?this.info.departId:''
			// 	var url = encodeURI(this.$url + '/sys/user/select?realName='+name)
			// 	this.$http.get(url)
			// 		.then(function(response) {
			// 			if (response.data.code == '1410') {
			// 				that.$Toast(response.data.msg);
			// 				sessionStorage.setItem('token', '')
			// 				that.$router.push('/login')
			// 				return
			// 			}
			// 			that.restaurants_u = response.data.data
			// 			that.restaurants_u.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
			// 			// console.log(that.restaurants)
			// 		})
			// 		.catch(function(error) {
			// 			console.log(error);
			// 			// sessionStorage.setItem('token','undefined')
			// 			// that.$router.push('/login')
						
			// 			that.$Toast('网络拥堵，刷新一下');
			// 		});
			
			},
			querySearch_u(queryString, cb) {
			    var that = this
			    var name = this.info.commitUserName?this.info.commitUserName:''
			    var id = this.info.departId?this.info.departId:''
			    var url = encodeURI(this.$url + '/sys/user/select?realName='+name)
			    this.$http.get(url)
			    	.then(function(response) {
			    		if (response.data.code == '1410') {
			    			that.$Toast(response.data.msg);
			    			sessionStorage.setItem('token', '')
			    			that.$router.push('/login')
			    			return
			    		}
			    		that.restaurants_u = response.data.data
			    		that.restaurants_u.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
			    		var restaurants_u = that.restaurants_u;
			    		var results = queryString ? restaurants_u.filter(that.createFilter_u(queryString)) : restaurants_u;
			    		// 调用 callback 返回建议列表的数据
			    		if(results.length == 0){
			    			results.unshift({userName:"暂无内容",realName:"",departName:"",phoneNo:""})
			    		}else{
			    			if(results[0].id){
			    				results.unshift({userName:"账号",realName:"姓名",departName:"科室",phoneNo:"电话"})
			    			}
			    		}
			    		
			    		cb(results);
			    		// console.log(that.restaurants)
			    	})
			    	.catch(function(error) {
			    		console.log(error);
			    		// sessionStorage.setItem('token','undefined')
			    		// that.$router.push('/login')
			    		
			    		that.$Toast('网络拥堵，刷新一下');
			    	});
			    	
			},
			createFilter_u(queryString) {
				return (restaurant) => {
					return (restaurant.realName.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
					
				};
			},
			handleSelect_u(item) {
				if(!item.id){
					this.info.commitUserName=''
					return 
				}
				this.info.commitUserName = item.realName
				// this.info.phoneNo = this.info.phoneNo?this.info.phoneNo:item.phoneNo
				this.info.phoneNo = item.phoneNo?item.phoneNo:this.info.phoneNo
				this.info.commitUserId = item.commitUserId
				console.log(this.info.commitUserName);
				
			},
			handleIconClick(ev) {
				console.log(ev);
			},
			addrep(item){
				this.resetSetItem('rou',6);
				var that = this
				var param={id:item.id}
				this.$http.post(this.$url + '/main/detail', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.$router.push({name:'myRepository',params:{'title':response.data.data}})
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});
			},
			closestop(){
				this.showstop = false;
				this.enrname = '请选择工程师'
				this.turnresult = ''
				this.illustrate = ''
				this.typename = '选择暂停原因'
				this.typeid = ''
				this.result = ''
				this.backresult = ''
				this.info2={faultTypeId:"",faultCauseId:"",gdInfoId:'',deviceState:1,way:1,process:"",causeOf:"",enclosure:""}
			},
			closeSendOrder(){
				this.showSendOrder = false;
				this.engname=''
				this.servicemanId = ''
				this.info.servicemanId = ''
				this.ztree_obj_eng.cancelSelectedNode();
				this.getenrlist()
				this.getengslist()
				// if(!this.resendid){
					this.showadd = true;
					this.$nextTick(()=>{
						this.$refs.adds.scrollTop = 0
					})
				// }
			},
			closeadd(){
				this.showadd = false;
				this.fileList3 = []
				this.files3 = []
				this.info =  {
					departId: 0,
					departName: '',
					commitUserId:"",
					phoneNo:"",
					illustrate:"",
					enclosure:"",
					isRepeat: 0,
					isWarranty: 0,
					isMaterialWarranty: 0,
					sourceId: 1,
					emergenceId:1,
					rangeId:1,
					faultDescription: "",
					address: "",
					commitUserName:"",
					faultTypeId:"",
					faultCauseId:"",
					id:""
				}
				this.faultTypename = ''
				this.treeLoad=''
			},
			gorepo(){
				this.resetSetItem('rou',6);

				this.$router.push({name:'repositorySearch',params: {key:'open',to:'searchorder'}})
			},
			 handleSizeChange(val) {
			        console.log(`每页 ${val} 条`);
					this.limit = val
					this.getlist()
			      },
			      handleCurrentChange(val) {
			        console.log(`当前页: ${val}`);
					this.page = val
					this.getlist()
			      },
			// 选择描述
			select_con(item) {
				this.info.faultDescription = item
			},
			
			// 表单提交
			showData(type) {
				var url = ''
				if(this.orderinfo.agreeStatus == 0){
					url = this.$url + '/main/agree/pass'
				}else{
					url = this.$url + '/main/agree/update'
				}
						var param = {
							gdId: this.orderinfo.id,
							score:this.orderinfo.score,
							userId: sessionStorage.getItem('uid')
						}
						var that = this
						this.$http.post(url, this.$qs.stringify(param))
							.then(function(response) {
								if (response.data.code == '1410') {
									that.$Toast(response.data.msg);
									sessionStorage.setItem('token', '')
									that.$router.push('/login')
									return
								}
								
									that.$Toast(response.data.msg);
									that.showinfo = false
									that.getlist()
							})
							.catch(function(error) {
								console.log(error);
								// sessionStorage.setItem('token','undefined')
								// that.$router.push('/login')
								
								that.$Toast('网络拥堵，刷新一下');
							});
				
			},
			// 确认选择科室
			sure() {
				if (this.info.departId == 0) {
					this.$Toast("请选择科室");
					return
				} else {
					this.alert_show = false
				}
			},
			// 科室树状图选择
			choseroom(data, node, treeNode) {
				this.treeClickCount++;
				if (this.treeClickCount >= 2) {
					return;
				}
				this.timer = window.setTimeout(() => {
					if (this.treeClickCount == 1) {
						this.treeClickCount = 0;
						console.log('单击事件,可在此处理对应逻辑')
						
						if(this.dtype=='search'){
							this.departId = treeNode.id
							this.departname = treeNode.name
						}else{
							this.info.departId = treeNode.id
							this.isclick1=true
							this.info.departName = treeNode.name
							this.info.address = treeNode.address
						}
					} else if (this.treeClickCount > 1) {
						this.treeClickCount = 0;
						console.log('双击事件,可在此处理对应逻辑')
					}
				}, 300);
			},
			// 获取科室
			getrooms() {
				var param = {
					parentId: 0
				}
				var that = this
				this.$http.post(this.$url + '/sys/dept/tree', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						
						that.zNodes = response.data.data
						that.ztree_obj = $.fn.zTree.init($("#treeDemo"), that.setting, that.zNodes);
						var  nodes = that.ztree_obj.getNodes();
						for  ( var  i = 0; i < nodes.length; i++) {  //设置节点展开
						    that.ztree_obj.expandNode(nodes[i],  true ,  false ,  true );
						}
						that.zNodes_u = response.data.data
						that.ztree_obj_u = $.fn.zTree.init($("#treeDemo4"), that.setting_u, that.zNodes_u);
						 var  nodes = that.ztree_obj_u.getNodes();
						for  ( var  i = 0; i < nodes.length; i++) {  //设置节点展开
						    that.ztree_obj_u.expandNode(nodes[i],  true ,  false ,  true );
						}
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});

			},
		
			// 点击遮罩层
			close(){
				for (var i = 0; i < this.list.length; i++) {
					this.list[i].static=false
				}
				this.options_show=false
				this.options_show2=false
				this.showzzc=false
			},
			// 点击更多
			open(index) {
				if(this.list[index].static==false){
					for (var i = 0; i < this.list.length; i++) {
						this.list[i].static=false
					}
					this.list[index].static = true
					this.showzzc=true
					
					this.$forceUpdate()
				}else{
					this.list[index].static = false
					this.showzzc=false
				}
				
				this.$forceUpdate()
			},
			//显示当前时间（年月日时分秒）
			timeFormate(timeStamp) {
			      let year = new Date(timeStamp).getFullYear();
			      let month =new Date(timeStamp).getMonth() + 1 < 10? "0" + (new Date(timeStamp).getMonth() + 1): new Date(timeStamp).getMonth() + 1;
			      let date =new Date(timeStamp).getDate() < 10? "0" + new Date(timeStamp).getDate(): new Date(timeStamp).getDate();
			      let hh =new Date(timeStamp).getHours() < 10? "0" + new Date(timeStamp).getHours(): new Date(timeStamp).getHours();
			      let mm =new Date(timeStamp).getMinutes() < 10? "0" + new Date(timeStamp).getMinutes(): new Date(timeStamp).getMinutes();
			      let ss =new Date(timeStamp).getSeconds() < 10? "0" + new Date(timeStamp).getSeconds(): new Date(timeStamp).getSeconds();
			      let week = new Date(timeStamp).getDay();
			      let weeks = ["日","一","二","三","四","五","六"];
			      return year + "-" + month + "-" + date +" "+" "+hh+":"+mm+':'+ss  ;
			    },
				
			getlist() {
				this.showloading = true
				var param = {
						page: this.page,
						limit: this.limit,
						departId:this.departIds,
						createId:this.info.commitUserId,
						createStartDate:this.createStartDates?this.timeFormate(this.createStartDates):'',
						createEndDate:this.createEndDates?this.timeFormate(this.createEndDates):"",
						faultTypeId:this.faultTypeIds,
						departName:this.word,
						faultDescription:this.naes,
						agreeStatus:this.value2s,
				}
				var that = this
				this.$http.post(this.$url + '/main/agree/select', this.$qs.stringify(param))
					.then(function(response) {
						if (response.data.code == '1410') {
							that.$Toast(response.data.msg);
							sessionStorage.setItem('token', '')
							that.$router.push('/login')
							return
						}
						that.list = response.data.data
						// for (var i = 0; i < that.list.length; i++) {
						// 	that.list[i].static = false
						// }
						that.inglen = response.data.count
						// if (that.inglen > that.limit) {
						// 	that.num = Math.ceil(that.inglen / that.limit)
						// } else {
						// 	that.num = 1
						// }
						that.showloading = false
					})
					.catch(function(error) {
						console.log(error);
						// sessionStorage.setItem('token','undefined')
						// that.$router.push('/login')
						
						that.$Toast('网络拥堵，刷新一下');
					});

			},
		},

		computed: {},
	}
</script>
<style lang='less' scoped>
	/deep/ .el-pagination .btn-prev {
		border: 1px solid #ccc;
		padding: 0;
		border-right: none;
		min-width: 33px;
		height: 33px;
		padding-top: 2px;
	}

	/deep/ .el-pagination .btn-next {
		border: 1px solid #ccc;
		padding: 0;
		border-left: none;
		min-width: 33px;
		height: 33px;
		padding-top: 2px;
	}

	/deep/ .el-pager li {
		border: 1px solid #ccc;
		padding: 0;
		border-right: none;
		min-width: 33px;
		height: 33px;
		line-height: 33px;
	}

	/deep/ .el-pager li:nth-last-of-type(1) {
		border-right: 1px solid #ccc;
	}

	/deep/ .el-pager li.active {
		border: #4286f5 1px solid;
		background: #4286f5;
		color: #fff;
	}

	.numslen {
		position: absolute;
		bottom: 0px;
		right: 50px;
		font-size: 12px;
	}

	/* .el-date-editor .el-input__inner{
		width: 170px;
	} */
	/deep/ .el-input--prefix .el-input__inner {
		height: 34px;
		padding: 0 8px;
	}

	/* 	/deep/ .el-date-editor--date .el-input__inner {
		width: 150px !important;
	}
 */
	.search_box /deep/ .el-input__inner {
		width: 117px;
		height: 34px;
		/* background: #F6F6F6; */
		border: 1px solid #CCCCCC;
		/* box-shadow: 0px 2px 0px 0px #EEEEEE; */
		border-radius: 5px;
	}

	/deep/ .el-input__icon {
		line-height: 34px;
	}

	.w110 {

		width: 110px !important;
	}

	.el-select {
		margin-left: 10px;
	}

	.search_box .el-select {
		margin-bottom: 20px;
	}

	.form-group .el-select {
		margin-left: 0px
	}

	.el-input__icon {
		line-height: 34px;
	}

	.el-input__inner {
		height: 34px;
		width: 110px;
		/* margin-left: 10px; */
	}

	.el-upload__input {
		bottom: 35px;
	}

	.time_line_right {
		width: calc(100% - 136px);
	}

	.input-cont:hover .clears {
		display: block;
	}

	.clears {
		width: 10px;
		position: absolute;
		right: 35px;
		top: 14px;
		display: none;
		cursor: pointer;
	}

	.btns {
		min-width: 72px;
		padding: 0 8px !important;
		width: auto !important;
	}

	.order_tab1 img {
		width: 17px;
		margin-right: 5px;
	}

	.options {
		z-index: 40001;
	}

	.btn-gblue:hover {
		background-color: #58cde1;
		color: #fff;
	}

	.btn-gblue {
		background: rgba(88, 205, 225, .2);
		color: #58cde1;
		display: inline-block;
	}

	.down_li:hover {
		background: #4286f5;
		color: #fff;
	}

	.li_del:hover {
		background: #555555 !important;
		color: #fff !important;
	}

	.modal-lg .modal-body.h100 {
		height: calc(100vh - 130px);
	}

	.el-input--prefix .el-input__inner {
		padding-left: 12px;
		padding-right: 12px;
	}

	.today span {
		color: #ff6600;
	}

	.next-month span {
		color: #999;
	}

	.prev-month span {
		color: #999;
	}

	.available span {
		color: #333 !important;
	}

	.search_inp {
		/* width: 260px; */
		width: 160px;
		margin-left: 10px;
		margin-bottom: 20px;
	}

	.c_gblue {
		background-color: #58cde1;
	}

	.c_ggray {
		background-color: #b4b4b4;
	}

	.c_gblue,
	.c_ggray {
		display: inline-block;
		font-style: normal;
		width: 30px;
		height: 30px;
		text-align: center;
		color: #fff;
		border-radius: 15px;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.c_gblue,
	.c_ggray,
	.c-blue,
	.c-green,
	.c-org,
	.c-gray {
		width: auto;
		min-width: 30px;
		padding: 0 6px;
	}

	.txt-black>i {
		margin-right: 0;
	}

	.top-txt .cent {
		width: 134px;
		height: 53px;
		cursor: pointer;
		justify-content: center;
		/* display: inline-flex; */
		display: flex;
		padding-bottom: 4px;

	}

	.top-txt {
		height: 53px;
		padding: 0;
	}

	.check_lis .radio {
		flex-wrap: wrap;
		width: calc(100% - 115px);
	}

	.phone_icon {
		width: 18px;
		/* margin-right: 3px; */
	}

	.phras_box {
		display: flex;
		flex-wrap: wrap;
	}

	.phrase_li {
		background: #abbac3;
		padding: 0 15px;
		height: 34px;
		border-radius: 34px;
		color: #fff;
		line-height: 34px;
		font-size: 14px;
		display: inline-block;
		cursor: pointer;
		margin: 10px;
	}

	.mb0,
	.mb0 .form-group {
		margin-bottom: 15px;
	}

	.reopen_alert .check_li_l {
		padding-left: 10px !important;
	}

	.btn-primary:hover {
		color: #fff !important;
		background: #4286f5 !important;
		border: none;
	}

	.btn-primary {
		outline: none !important;
		color: #fff !important;
		background: #4286f5 !important;
		margin-right: 18px;
	}

	.close_eng:hover {
		color: #434343 !important;
		background: #EEEEEE !important;
		border: none;
	}

	.close_eng {
		border: none;
		color: #434343 !important;
		background: #EEEEEE !important;
		outline: none !important;
	}

	.eng_tip {
		/* width: 107px; */
		padding: 0 33px;
		height: 34px;
		line-height: 34px;
		background: #F9EFE5;
		border-radius: 5px;
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #EB6100;
		display: inline-block;
		margin-right: 9px;
		cursor: pointer;
	}

	.back_res {
		margin-top: 40px;
	}

	.time_line_text .gre {
		color: #32B16C;
	}

	.time_line_text {
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #626262;
	}

	.time_line_tip {
		width: 64px;
		height: 20px;
		background: #FFFFFF;
		border: 1px solid #32B16C;
		border-radius: 3px;
		font-size: 12px;
		font-family: SimSun;
		font-weight: 400;
		color: #32B16C;
		display: flex;
		align-items: center;
		justify-content: center;
	}


	.time_line_li {
		display: flex;
		min-height: 87px;
	}

	.time_line_cur {
		width: 9px;
		height: 9px;
		background: #32B16C;
		border-radius: 50%;
		margin-left: 14px;
		margin-right: 17px;
		position: relative;
		top: 4px;
	}

	.time_line_time {
		width: 96px;
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #999999;
		text-align: right;
		line-height: 18px;
	}

	.time_line_line {
		width: 1px;
		background: #32B16C;
		position: absolute;
		height: 100%;
		left: 113px;
		top: 5px;
	}

	.time_line {
		position: relative;
	}

	.check_alert_right .Scont {
		height: 100%;
	}

	.time_line_box {
		width: 100%;
		max-height: calc(100% - 112px);
		background: #F6F6F6;
		border: 1px solid #ddd;
		margin-top: 15px;
		position: relative;
		padding: 38px 48px;
		overflow-y: scroll;
	}

	.time_line_box {
		-ms-overflow-style: none !important;
	}

	.time_line_box::-webkit-scrollbar {
		display: none;
	}


	.li {
		border-bottom: 1px solid #f3f3f3;
		padding-left: 20px;
		height: 40px;
		line-height: 40px;
	}

	.li:nth-last-of-type(1) {
		border-bottom: none;
	}

	.res .input-cont {
		width: calc(100% - 90px);
	}

	.order_tab_act {
		background: #EFF4FC !important;
		border: 1px solid #4286F5 !important;
	}

	.order_tab {
		display: flex;
		justify-content: center;
		margin: 30px 0;
	}

	.order_tab .res_text {
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #000000;
		margin-bottom: 0;
	}

	.order_tab1 {
		padding: 0 20px;
		height: 38px;
		background: #F6F6F6;
		border: 1px solid #F6F6F6;
		border-radius: 6px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin: 0 15px;

	}

	.stopbtn img {
		margin-right: 7px;

	}

	.stopbtn {
		width: 135px;
		height: 34px;
		background: #4286F5;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #FFFFFF;
		cursor: pointer;
		margin-bottom: 50px;
	}

	.stop_btn {
		border-top: 1px solid #ddd;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.res textarea {
		width: 100%;
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 5px 10px;
		font-size: 14px;
		outline: none;
		line-height: 20px;
		height: 80px;
		position: relative;
		top: 6px;
	}

	.res .check_li_l {
		text-align: right;
		width: 96px;
		padding-left: 29px;
	}

	.res .radio div {
		min-width: 100px;
	}

	.res .radio .res_text {
		padding-left: 0;
	}

	.check_li_l span {
		color: #EC6941;
	}

	.time_tip {
		/* width: 301px; */
		padding: 0 7px;
		height: 20px;
		background: #F1F9F1;
		border: 1px solid #32B16C;
		border-radius: 3px;
		font-size: 12px;
		font-family: SimSun;
		font-weight: 400;
		color: #32B16C;
		line-height: 18px;
	}

	.lc_text {
		width: 58px;
		display: flex;
		justify-content: center;
	}

	.lc_kong {
		height: 7px;
		background: #ddd;
		width: 19%;
		position: relative;
		bottom: 15px;
	}

	.lc_2 {
		width: 58px;
		height: 58px;
		border-radius: 100%;
		border: 6px solid #ddd;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 30px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #626262;
	}

	.lc_kong_ban {
		height: 7px;
		background: #ddd;
		width: 9.5%;
		position: relative;
		bottom: 15px;
	}

	.lc_heng_ban {
		height: 7px;
		background: #32b16c;
		width: 9.5%;
		position: relative;
		bottom: 15px;
	}

	.lc_heng {
		height: 7px;
		background: #32b16c;
		width: 19%;
		position: relative;
		bottom: 15px;
	}

	.lc_1 {
		width: 58px;
		height: 58px;
		border-radius: 100%;
		background: #32b16c;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 30px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #FFFFFF;
	}

	.lc {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 55px 85px;
		font-size: 18px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #626262;
		white-space: nowrap;
	}

	.tip_fw {
		width: 64px;
		height: 20px;
		background: #E0F0E0;
		border-radius: 3px;
		font-size: 12px;
		color: #32B16C;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tip_nomorl {
		width: 64px;
		height: 20px;
		background: #FFFFFF;
		border: 1px solid #EC6941;
		border-radius: 3px;
		font-size: 12px;
		font-family: SimSun;
		font-weight: 400;
		color: #EC6941;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.check_alert_right tr td:nth-of-type(2) {
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #000000;
	}

	.check_alert_right tr td:nth-of-type(1) {
		width: 129px;
		text-align: right;
		background: #F6F6F6;
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #888888;
	}

	.check_alert_right table {
		margin-top: 16px;
		width: 100%;
	}

	.check_alert_right table td {
		border: 1px solid #eee;
	}

	.green_cor {
		color: #32B16C;
	}

	.green_bg {
		background-color: #f1f9f1;
		border-radius: 6px;
		color: #32B16C;
	}

	.stop_box .check_list {
		min-height: calc(100vh - 600px);
	}

	.check_list {
		margin-bottom: 25px;

	}

	.org_cor {
		color: #EC6941;
	}

	.org_bg {
		background-color: #fbf5f1;
		border-radius: 6px;
		color: #EC6941;
	}

	.check_li_r {
		width: calc(100% - 90px);
		padding: 0 6px;
		line-height: 34px;
	}

	.check_li_l {
		margin-right: 20px;
		/* height: 43px;
		line-height: 43px; */
		min-width: 70px;
		line-height: 34px;
		height: 34px;
	}

	.check_lis {
		display: flex;
		padding-left: 15px;
		font-size: 14px;
		font-family: MicrosoftYaHei;
		font-weight: 400;
		color: #000000;
		margin-top: 10px;
	}

	.tip_check img {
		margin-right: 3px;
	}

	.check_alert_left .tit {
		display: flex;
		align-items: center;
	}

	h3 .tip_check {
		width: 81px;
		height: 20px;
		background: #FFFFFF;
		border: 1px solid #EC6941;
		border-radius: 3px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		color: #ED724D;
		margin-left: 14px;
	}

	.check_box {
		width: 100%;
	}

	.check_alert_right {
		width: 31%;
	}

	.check_alert_left {
		width: 64%;
		/* height: 100%; */
	}

	.check_alert_box {
		display: flex;
		/* align-items: center; */
		justify-content: space-between;
		padding: 22px 19px;
		/* min-height: calc(100% - 150px); */
	}

	.send_order_btn2 {
		color: #434343;
		font-size: 14px;
		background: #EEEEEE;
		margin-right: 18px;
	}

	.send_order_btn {
		color: #fff;
		font-size: 14px;
		background: #4286F5;
		margin-right: 18px;
	}

	.send_order_btn img,
	.send_order_btn2 img {
		margin-right: 10px;
	}

	.send_order_btn,
	.send_order_btn2 {
		width: 105px;
		height: 34px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 6px;
		cursor: pointer;
	}

	.order_right_index {
		height: calc(100% - 108px);
		overflow-y: scroll;
		padding-bottom: 20px;
	}

	.order_right_index {
		-ms-overflow-style: none !important;
	}

	.order_right_index::-webkit-scrollbar {
		display: none;
	}

	.order_right_btns {
		height: 80px;
		border-top: #ddd 1px solid;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.status_black {
		font-size: 14px;
		color: #000000;
	}

	.status_org {
		font-size: 14px;
		color: #EB6100;
	}

	.status_green {
		font-size: 14px;
		color: #32B16C;
	}

	.status_gary {
		font-size: 14px;
		color: #8E96C5;
	}

	.status_blue {
		font-size: 14px;
		color: #4286F5;
	}

	.s_u_name {
		font-size: 14px;
		color: #555555;
		margin-bottom: 0;
	}

	.send_user_li {
		display: flex;
		align-items: center;
		height: 40px;
	}

	input[type='checkbox'] {
		opacity: 0;
		position: absolute;
		z-index: -2;
	}

	input[type="checkbox"]+label {
		width: 16px;
		height: 16px;
		border: 1px solid #c8c8c8;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
		box-sizing: border-box;
		margin-right: 7px;
	}

	input[type="checkbox"]+label::before {
		content: '';
		display: block;
		margin-bottom: 0;
		box-sizing: border-box;
	}

	input[type="checkbox"]:checked+label {
		border: 1px solid #0075ff;
		box-sizing: border-box;
		background: #0075ff url(../../assets/images/dui.png) no-repeat;
		background-size: 80% 80%;
		background-position-x: 20%;
		background-position-y: 20%;
	}

	input[type="checkbox"]:checked+label::before {
		background: #0075ff;
	}

	.send_user_list {
		margin-top: 5px;
		/* height: 100%; */

	}

	.send_user_li {
		/* padding: 13px 0; */
	}

	.send_heng {
		width: 14px;
		border-bottom: 1px dashed #B5B5B5;
	}

	.send_shu {
		border-right: 1px dashed #B5B5B5;
		width: 1px;
		/* height: 100%; */
	}

	.sendLeft_box {
		display: flex;
		align-items: stretch;
	}

	.el-autocomplete-suggestion li.highlighted,
	.el-autocomplete-suggestion li:hover {
		background-color: #ddd;
	}

	.send_search {
		width: 252px;
		height: 34px;
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
		/* box-shadow: 0px 2px 0px 0px #EEEEEE; */
		border-radius: 5px;
		padding: 0 12px;
		outline: none;
	}

	.sendOrder_left_title {
		font-size: 14px;
		margin-bottom: 11px;
		color: #4286F5;
	}

	.sendOrder_right {
		width: calc(100% - 320px);
		padding: 27px 30px;
	}

	.sendOrder_left {
		width: 320px;
		height: calc(100% - 48px);
		border-right: 1px solid #ddd;
		padding: 23px 34px;

		height: calc(100% - 55px);
		overflow-y: scroll;
	}

	.sendOrder_left {
		-ms-overflow-style: none !important;
	}

	.sendOrder_left::-webkit-scrollbar {
		display: none;
	}

	.send_order_alert {
		display: flex;
		padding: 0 !important;
		overflow-y: hidden !important;

	}

	.el-popper {
		margin-top: 0;
	}

	.my-autocomplete {
		border-radius: 0 0 6px 6px;
		min-width: 400px;
		margin-top: 0 !important;


		.popper__arrow {
			display: none;
		}

		.el-scrollbar__wrap {
			padding: 0 !important;
			overflow-x: scroll;

			li {
				padding: 0 !important;
				min-width: 320px;
			}

		}

	}

	.tab_td {
		width: 25%;
		min-width: 80px;
		display: inline-block;
		padding: 0 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.el-scrollbar__wrap {
		-ms-overflow-style: none !important;
	}

	.el-scrollbar__wrap::-webkit-scrollbar {
		display: none;
	}

	.el-scrollbar__wrap li:nth-of-type(1) .tab_tr {
		border-top: 1px solid #ddd;
		background-color: #ddd;
	}

	.tab_tr {
		height: 40px;
		border-bottom: 1px solid #ddd;
		line-height: 40px;
		/* display: flex; */
	}

	.li_del {
		background: #FFFFFF !important;
		border: 1px solid #CCCCCC !important;
		color: #555555 !important;
	}

	.text_org {
		color: #EB6100;
	}

	.container /deep/ tr td:nth-of-type(2) span {
		color: #22ac38;
	}

	.more_box {
		width: 24px;
		margin-left: 11px;
		height: 100%;
		display: inline-block;
	}

	.more img {
		width: 24px;
	}

	.el-pagination__total {
		height: 33px !important;
		line-height: 33px !important;
	}

	.el-input--mini .el-input__inner {
		height: 33px;
	}

	.el-pagination__editor.el-input .el-input__inner {
		height: 33px;
	}

	.page_box {
		display: flex;
		justify-content: flex-end;
		margin-top: 30px;
	}

	.el-pagination .btn-prev {
		border: 1px solid #ccc;
		padding: 0;
		border-right: none;
		min-width: 33px;
		height: 33px;
		padding-top: 2px;
	}

	.el-pagination .btn-next {
		border: 1px solid #ccc;
		padding: 0;
		border-left: none;
		min-width: 33px;
		height: 33px;
		padding-top: 2px;
	}

	.el-pager li {
		border: 1px solid #ccc;
		padding: 0;
		border-right: none;
		min-width: 33px;
		height: 33px;
		line-height: 33px;
	}

	.el-pager li:nth-last-of-type(1) {
		border-right: 1px solid #ccc;
	}

	.el-pager li.active {
		border: #4286f5 1px solid;
		background: #4286f5;
		color: #fff;
	}

	.radio {
		display: flex;
		align-items: center;
		color: #000;
		margin-bottom: 5px;
		height: 34px;

	}

	.radio span {
		cursor: pointer;
		font-weight: normal !important;
	}

	.radio label {
		font-weight: normal !important;
	}

	label {
		font-weight: normal !important;
	}

	.radio div {
		display: flex;
		align-items: center;
		margin-right: 26px;
	}

	input[type='radio'] {
		opacity: 0;
		position: absolute;
		z-index: -2;
	}

	input[type="radio"]+label {
		width: 13px;
		height: 13px;
		min-height: 13px;
		padding: 1.5px;
		border: 1px solid #4f4f4f;
		/* border-radius: 13px; */
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
		box-sizing: border-box;
		margin-right: 7px;
	}

	/* 	input[type="radio"]+label::before {
		content: '';
		border-radius: 1.4rem;
		width: 7px;
		height: 7px;
		display: block;
		margin-bottom: 0;
		box-sizing: border-box;
	}
 */
	input[type="radio"]:checked+label {
		border: 1px solid #0075ff;
		box-sizing: border-box;
	}

	/* input[type="radio"]:checked+label::before {
		background: #0075ff;
	} */


	.btns {
		width: 72px;
		padding: 0;
	}

	.zzc {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
	}

	.gar:hover {
		background: #555555;
		color: #fff;
	}

	.ger:hover {
		background: #22ac38;
		color: #fff;
	}

	.loading-content {
		position: absolute;
		z-index: 2000;
		/* background-color: rgba(0, 0, 0, 0.8); */
		margin: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transition: opacity 0.3s;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		/* width: 200px;
		height: 150px;
		border-radius: 10px; */
	}

	.loading-spinner {
		text-align: center;
	}

	.loading-spinner .circular {
		height: 42px;
		animation: loading-rotate 2s linear infinite;
	}

	.loading-spinner .path {
		animation: loading-dash 1.5s ease-in-out infinite;
		stroke-dasharray: 90, 150;
		stroke-dashoffset: 0;
		/* stroke- 2; */
		stroke: #000;
		stroke-linecap: round;
	}

	.loading-text {
		font-size: 14px;
		color: #000;
	}

	@keyframes loading-rotate {
		100% {
			transform: rotate(360deg);
		}
	}

	@keyframes loading-dash {
		0% {
			stroke-dasharray: 1, 200;
			stroke-dashoffset: 0;
		}

		50% {
			stroke-dasharray: 90, 150;
			stroke-dashoffset: -40px;
		}

		to {
			stroke-dasharray: 90, 150;
			stroke-dashoffset: -120px;
		}
	}

	.biaoq {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.qx:hover {
		/* background: #edf3fd; */
		/* color: #4286f5; */
	}

	/* 	.nosingle:hover {
		background: #d28679;
		color: #fff;
	} */

	.nosingle {
		/* background: #fcf4f2;  */
		color: #d28679;
	}

	/* .waitdoing:hover {
		background: #db9d46;
		color: #fff;
	}
 */
	.waitdoing {
		/* background: #fef6eb; */
		color: #db9d46;
	}

	/* .wait:hover {
		background: #af7087;
		color: #fff;
	} */

	.wait {

		/* background: #fbeff4; */
		color: #af7087;
	}

	.downs {
		/* background: #fff; */
		background: url(../../assets/images/list_alert_bg.png) no-repeat;
		background-size: 100% 100%;
		width: 115px;
		position: absolute;
		top: 30px;
		right: -10px;
		text-align: left;
		padding: 24px 15px 16px;
		z-index: 5;

		color: #666;

	}

	.down_li {
		/* border-bottom: 1px solid #f3f3f3;
		padding-left: 20px; */
		line-height: 28px;
		width: 76px;
		height: 28px;
		text-align: center;
		background: #eff4fc;
		color: #4286f5;
		border-radius: 5px;
		margin: 0 auto 10px;
	}

	.down_li:nth-last-of-type(1) {
		border-bottom: none;
	}

	.more {
		position: relative;
	}

	.btns .iconfont {
		font-size: 10px;
		transition: all .3s;
		transform: rotateZ(0deg);
		line-height: 26px;
	}

	.actives {
		background: #4286f5 !important;
		color: #fff !important;
	}

	td,
	th {
		font-size: 14px;
		color: #333;
		/* line-height: 22px; */
		padding: 10px;
		border-top: 0;
		border-bottom: 1px solid #eee;
	}



	.modal {
		position: absolute;
	}

	.modal-dialog {
		height: 97%;
	}

	.modal-header {
		position: sticky;
		top: 0;
		z-index: 50;
	}

	.modal-content {
		/* width: 85%; */
		margin: 0 auto;
		max-height: 100%;
		/* height: 65vh; */
		/* overflow-y: scroll; */
	}

	.cent {
		width: 100%;
		align-items: center;
	}
</style>
